 /* CSS Mastery: Advanced Web Standards Solutions - Simon Collison's tutorial */

/* the appropriate background class will be applied based on class attached to the body */

body {
margin: 0;
padding: 0;
font:70% 'Lucida Grande',Verdana, Helvetica, sans-serif;
}
#threeColLayout {
background: #CAC78A url(../images/background.gif) repeat-x fixed;
}
#twoColLayout {
background: #CAC78A url(../images/background.gif) repeat-x fixed;
}
#oneColLayout {
background: #CAC78A url(../images/background.gif) repeat-x fixed;
}

/* main wrapper that holds it all centrally */

#wrapper {
width:750px;
margin:0 auto;
background-color: #D7D493;
padding: 0 10px 10px 10px;
}


h1 {
margin: 0;
padding: 30px;
font-size: 150%;
color: #FF0000;
text-indent: -9000px;
}

#mainNav
{
margin: 30px 0 0 0;
padding: 0;
width: 750px;
height: 35px;
font-weight: bold;
font-size: 90%;
}

#mainNav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#mainNav li
{
display: block;
margin: 0;
padding: 0;
float: left;
text-align:center;
width: auto;
}

#mainNav a
{
color: #D7D493;
display: inline;
width: auto;
text-decoration: none;
background: #000;
margin: 0;
padding: 10px 10px;
border-right: 1px solid #FFF;
}

#mainNav a:hover, #mainNav a:active { background: #D7D493;color: #000; }

#mainNav a.active:link, #mainNav a.active:visited
{
position: relative;
z-index: 102;
background: #BBB;
color: #D7D493;
font-weight: bold;
}

/* default masthead holding the banner and mainNav */

#header {
width: 750px;
height: 170px;
background:url(../images/header.gif);
}


/* note here that specifying threeColLayout in the body will activate the following div instead of the default primaryContent */

#threeColLayout #primaryContent {
float:left;
width:270px;
margin: 0 0 20px 195px;
}

legend {
text-align:center;
font-weight:800;  
font-size:30pt;
padding:3px 12px 3px 12px;"
}


info {
margin:10px;
background: url(../images/diags.gif);
border:#06c dashed 3px; 
}


#footer{
clear:both;
width: 750px;
height: 85px;
background: transparent url(../images/footer.gif);
padding: 0px;
}












